<template>
    <div>
        御剑乘风来,除魔天地间!=====v-if & v-show的区别
        <button @click="flag=!flag">按钮if+show</button>
        *****************************
        <!-- <p class='v-if' v-if='flag'>我是v-if</p>
        <p class='vElse' v-else>我是v-else</p>-->

        <!-- <p v-show='flag'>我是v-show</p>
        ***************************-->
        <!-- 

            v-if 和v-show的区别
            v-if  :他是结构重绘
            v-show:设置display:none


        -->

        <!-- <transition name="fade">
            <p style='background:red' v-if="flag">hello</p>
        </transition> -->
    </div>
</template>
           
<script>
export default {
  data() {
    return {
      flag: true
    };
  }
};
</script>
<style scoped>

</style>